﻿<!DOCTYPE html>
<html lang="en">
<head th:replace="~{parts/head}">
<!-- page wrapper -->
<body>

    <div class="boxed_wrapper">

        <!-- preloader -->
        <div class="preloader"></div>
        <!-- preloader -->


        <!-- main header -->
        <header class="main-header style-three">

            <!-- header-lower -->
            <div class="header-lower">
                <div class="outer-box clearfix">
                    <div class="left-column">
                        <div class="logo-box">
                            <figure class="logo"><a href="/"><img src="../../images/logo-3.png" alt=""></a></figure>
                        </div>
                        <div th:replace="~{parts/menu-area}">
                        </div>
                        <div class="right-column pull-right">
                            <div th:replace="~{parts/author-box}">
                            </div>
                        </div>
                    </div>

                    <!--sticky Header-->
                    <div class="sticky-header">
                        <div class="auto-container">
                            <div class="outer-box">
                                <div class="logo-box">
                                    <figure class="logo"><a href="/"><img src="../../images/small-logo.png" alt=""></a></figure>
                                </div>
                                <div class="menu-area">
                                    <nav class="main-menu clearfix">
                                        <!--Keep This Empty / Menu will come through Javascript-->
                                    </nav>
                                </div>
                                <!--                        <div class="btn-box"><a href="register-page.html" class="theme-btn-one"><i class="icon-image"></i>Join Now</a></div>-->
                            </div>
                        </div>
                    </div>
        </header>
        <!-- main-header end -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><i class="fas fa-times"></i></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="/"><img src="../../images/logo-2.png" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
                <div class="contact-info">
                    <h4>Contact Info</h4>
                    <ul>
                        <li>Chicago 12, Melborne City, USA</li>
                        <li><a href="">+88 01682648101</a></li>
                        <li><a href="mailto:info@example.com">info@example.com</a></li>
                    </ul>
                </div>
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="/"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="/"><span class="fab fa-facebook-square"></span></a></li>
                        <li><a href="/"><span class="fab fa-pinterest-p"></span></a></li>
                        <li><a href="/"><span class="fab fa-instagram"></span></a></li>
                        <li><a href="/"><span class="fab fa-youtube"></span></a></li>
                    </ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->


        <!--page-title-two-->
        <section class="page-title-two">
            <div class="title-box centred bg-color-2">
                <div class="pattern-layer">
                    <div class="pattern-1" style="background-image: url(../../images/shape/shape-70.png);"></div>
                    <div class="pattern-2" style="background-image: url(../../images/shape/shape-71.png);"></div>
                </div>
                <div class="auto-container">
                    <div class="title">
                        <h1>价格</h1>
                    </div>
                </div>
            </div>
            <div class="lower-content">
                <div class="auto-container">
                    <ul class="bread-crumb clearfix">
                        <li><a href="/">主页</a></li>
                        <li><a style="cursor: pointer" onclick="window.history.back(-1);">上一页</a></li>
                        <li>价格</li>
                    </ul>
                </div>
            </div>
        </section>
        <!--page-title-two end-->


        <!-- pricing-section -->
        <section class="pricing-section bg-color-3 sec-pad">
            <div class="auto-container">
                <div class="sec-title centred">
                    <p>价格表</p>
                    <h2>选择适合你的计划</h2>
                </div>
                <div class="tabs-box">
                    <div class="tab-btn-box centred">
                        <ul class="tab-btns tab-buttons clearfix">
                            <li class="tab-btn active-btn" data-tab="#tab-1">月度</li>
                            <li class="tab-btn" data-tab="#tab-2">年度</li>
                        </ul>
                    </div>
                    <div class="tabs-content">
                        <div class="tab active-tab" id="tab-1">
                            <div class="row clearfix">
                                <div class="col-lg-4 col-md-6 col-sm-12 pricing-block">
                                    <div class="pricing-block-one">
                                        <div class="pricing-table">
                                            <div class="pattern">
                                                <div class="pattern-1" style="background-image: url(../../images/shape/shape-75.png);"></div>
                                                <div class="pattern-2" style="background-image: url(../../images/shape/shape-76.png);"></div>
                                            </div>
                                            <div class="table-header">
                                                <h2>基础会员</h2>
                                                <h3>￥40 元</h3>
                                            </div>
                                            <div class="table-content">
                                                <ul class="list clearfix">
                                                    <li>优先挂号</li>
                                                    <li>专家预约</li>
                                                    <li class="light">健康咨询</li>
                                                    <li class="light">费用优惠</li>
                                                </ul>
                                            </div>
                                            <div class="table-footer">
                                                <div class="link"><a href="pricing.html"><i class="icon-Arrow-Right"></i></a></div>
                                                <div class="btn-box"><a href="pricing.html" class="theme-btn-one">购买<i class="icon-Arrow-Right"></i></a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 pricing-block">
                                    <div class="pricing-block-one">
                                        <div class="pricing-table active">
                                            <div class="pattern">
                                                <div class="pattern-1" style="background-image: url(../../images/shape/shape-75.png);"></div>
                                                <div class="pattern-2" style="background-image: url(../../images/shape/shape-76.png);"></div>
                                                <div class="pattern-3" style="background-image: url(../../images/shape/shape-77.png);"></div>
                                            </div>
                                            <div class="table-header">
                                                <h2>高级会员</h2>
                                                <h3>￥50 元</h3>
                                            </div>
                                            <div class="table-content">
                                                <ul class="list clearfix">
                                                    <li>优先挂号</li>
                                                    <li>专家预约</li>
                                                    <li>健康咨询</li>
                                                    <li class="light">费用优惠</li>
                                                </ul>
                                            </div>
                                            <div class="table-footer">
                                                <div class="link"><a href="pricing.html"><i class="icon-Arrow-Right"></i></a></div>
                                                <div class="btn-box"><a href="pricing.html" class="theme-btn-one">购买<i class="icon-Arrow-Right"></i></a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 pricing-block">
                                    <div class="pricing-block-one">
                                        <div class="pricing-table">
                                            <div class="pattern">
                                                <div class="pattern-1" style="background-image: url(../../images/shape/shape-75.png);"></div>
                                                <div class="pattern-2" style="background-image: url(../../images/shape/shape-76.png);"></div>
                                            </div>
                                            <div class="table-header">
                                                <h2>VIP会员</h2>
                                                <h3>￥60 元</h3>
                                            </div>
                                            <div class="table-content">
                                                <ul class="list clearfix">
                                                    <li>优先挂号</li>
                                                    <li>专家预约</li>
                                                    <li>健康咨询</li>
                                                    <li>费用优惠</li>
                                                </ul>
                                            </div>
                                            <div class="table-footer">
                                                <div class="link"><a href="pricing.html"><i class="icon-Arrow-Right"></i></a></div>
                                                <div class="btn-box"><a href="pricing.html" class="theme-btn-one">购买<i class="icon-Arrow-Right"></i></a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab" id="tab-2">
                            <div class="row clearfix">
                                <div class="col-lg-4 col-md-6 col-sm-12 pricing-block">
                                    <div class="pricing-block-one">
                                        <div class="pricing-table">
                                            <div class="pattern">
                                                <div class="pattern-1" style="background-image: url(../../images/shape/shape-75.png);"></div>
                                                <div class="pattern-2" style="background-image: url(../../images/shape/shape-76.png);"></div>
                                            </div>
                                            <div class="table-header">
                                                <h2>基础会员</h2>
                                                <h3>￥50 元</h3>
                                            </div>
                                            <div class="table-content">
                                                <ul class="list clearfix">
                                                    <li>优先挂号</li>
                                                    <li>专家预约</li>
                                                    <li class="light">健康咨询</li>
                                                    <li class="light">费用优惠</li>
                                                </ul>
                                            </div>
                                            <div class="table-footer">
                                                <div class="link"><a href="pricing.html"><i class="icon-Arrow-Right"></i></a></div>
                                                <div class="btn-box"><a href="pricing.html" class="theme-btn-one">购买<i class="icon-Arrow-Right"></i></a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 pricing-block">
                                    <div class="pricing-block-one">
                                        <div class="pricing-table active">
                                            <div class="pattern">
                                                <div class="pattern-1" style="background-image: url(../../images/shape/shape-75.png);"></div>
                                                <div class="pattern-2" style="background-image: url(../../images/shape/shape-76.png);"></div>
                                                <div class="pattern-3" style="background-image: url(../../images/shape/shape-77.png);"></div>
                                            </div>
                                            <div class="table-header">
                                                <h2>高级会员</h2>
                                                <h3>￥60 元</h3>
                                            </div>
                                            <div class="table-content">
                                                <ul class="list clearfix">
                                                    <li>优先挂号</li>
                                                    <li>专家预约</li>
                                                    <li>健康咨询</li>
                                                    <li class="light">费用优惠</li>
                                                </ul>
                                            </div>
                                            <div class="table-footer">
                                                <div class="link"><a href="pricing.html"><i class="icon-Arrow-Right"></i></a></div>
                                                <div class="btn-box"><a href="pricing.html" class="theme-btn-one">购买<i class="icon-Arrow-Right"></i></a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-12 pricing-block">
                                    <div class="pricing-block-one">
                                        <div class="pricing-table">
                                            <div class="pattern">
                                                <div class="pattern-1" style="background-image: url(../../images/shape/shape-75.png);"></div>
                                                <div class="pattern-2" style="background-image: url(../../images/shape/shape-76.png);"></div>
                                            </div>
                                            <div class="table-header">
                                                <h2>VIP会员</h2>
                                                <h3>￥70 元</h3>
                                            </div>
                                            <div class="table-content">
                                                <ul class="list clearfix">
                                                    <li>优先挂号</li>
                                                    <li>专家预约</li>
                                                    <li>健康咨询</li>
                                                    <li>费用优惠</li>
                                                </ul>
                                            </div>
                                            <div class="table-footer">
                                                <div class="link"><a href="pricing.html"><i class="icon-Arrow-Right"></i></a></div>
                                                <div class="btn-box"><a href="pricing.html" class="theme-btn-one">购买<i class="icon-Arrow-Right"></i></a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- pricing-section end -->


        <!-- agent-section -->
        <section class="agent-section bg-color-3">
            <div class="auto-container">
                <div class="inner-container bg-color-2">
                    <div th:replace="~{parts/agent-section}"></div>
                </div>
            </div>
        </section>
        <!-- agent-section -->


        <!-- main-footer -->
        <div th:replace="~{parts/main-footer}"></div>
        <!-- main-footer end -->


        <!--Scroll to top-->
        <button class="scroll-top scroll-to-target" data-target="html" onclick='location.href=("/message?targetId=6")'>
            <img src="../../images/robot-2.png">
        </button>
    </div>

    <script th:replace="~{parts/js}"></script>
    <script>
        $('#about_tab').addClass("current");
    </script>

</body><!-- End of .page_wrapper -->
</html>
